<!doctype html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta name="aplus-terminal" content="1">
    <meta name="apple-mobile-web-app-title" content="">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
    <meta name="format-detection" content="telephone=no, address=no">
    <title>聊天室</title>
    <link rel="stylesheet" href="/system/layui/src/css/layui.css" media="all" />
    <link rel="stylesheet" href="/system/css/userIndex.css" media="all" />
</head>
<body>
<form action="javascript:;" id="subMessage">
    <div class="group-name" ><br/>
        <font size="5" style="top: 2%;" th:text="${map.name}">&nbsp;&nbsp;&nbsp;</font>
    </div>
    <div class="addFriends">
        <a th:if="${map.state}==1" id="delFriend" href="javascript:;" class="layui-btn layui-btn-normal">删除好友</a>
        <a th:if="${map.state}==2" id="addFriend" href="javascript:;" class="layui-btn layui-btn-normal">邀请好友</a>
        <a th:if="${map.state}==2" id="exitGroup" href="javascript:;" class="layui-btn layui-btn-normal">退出群聊</a>
    </div><br /><br /><br />
    <hr />
    <input type="hidden" th:value="${map.id}" id="id"><!-- 群组id或朋友id -->
    <input type="hidden" th:value="${map.userId}" id="id1">
    <input type="hidden" th:value="${map.state}" id="state">
    <div class="mobile-page" id="triangle"></div>
    <div class="message">
        <input id="sendMessage" type="text"/><button type="submit">发送</button>
    </div>
</form>
</body>
<script type="text/javascript" src="/system/js/jquery-3.3.1.min.js"></script>
<script type="text/javascript" src="/system/layui/src/layui.js"></script>
<script type="text/javascript" src="/security/sysUser/index.js"></script>
</html>